<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/task5.css">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=no">
</head>
<body>
<header>
    <div class="h_top">
        <img src="./image/imag-task5/形状%202.png" alt="">
        <div class="h_top_button">
            找雇主<span>找护工</span>
        </div>
    </div>
    <div class="h_bottom">
        <!--顶部三个下拉菜单-->
        <button><a href="">所在地</a></button>
        <button><a href="">食宿</a></button>
        <button><a href="">病人情况</a></button>
        <!--<ul class="drow-maue">-->
            <!--<a class="asda" href="#szd"><li>所在地</li></a>-->
                <!--<ul id="">-->
                    <!--<a href=""><li>北京</li></a>-->
                    <!--<a href=""><li>上海</li></a>-->
                    <!--<a href=""><li>广州</li></a>-->
                    <!--<a href=""><li>深圳</li></a>-->
                <!--</ul>-->

            <!--<li id="#ss">-->
                <!--<ul>-->
                    <!--<a href=""><li>鱼</li</a>>-->
                    <!--<a href=""><li>肉</li></a>-->
                    <!--<a href=""><li>蛋</li</a>>-->
                    <!--<a href=""><li>奶</li></a>-->
                <!--</ul>-->
            <!--</li>-->
            <!--<li id="#brqk">-->
                <!--<ul>-->
                    <!--<a href=""><li>活</li></a>-->
                    <!--<a href=""><li>死</li></a>-->
                    <!--<a href=""><li>轻伤</li></a>-->
                    <!--<a href=""><li>重伤</li></a>-->
                <!--</ul>-->
            <!--</li>-->
        <!--</ul>-->
        <!--<select name="z" id="z">-->
            <!--<option value="">所在地</option>-->
            <!--<option value="">北京</option>-->
            <!--<option value="">上海</option>-->
            <!--<option value="">广州</option>-->
            <!--<option value="">深圳</option>-->
        <!--</select>&lt;!&ndash;-->
        <!--&ndash;&gt;<select name="c" id="c">-->
            <!--<option value="">食宿</option>-->
            <!--<option value="">鱼</option>-->
            <!--<option value="">肉</option>-->
            <!--<option value="">蛋</option>-->
            <!--<option value="">奶</option>-->
        <!--</select>&lt;!&ndash;-->
        <!--&ndash;&gt;<select name="y" id="y">-->
            <!--<option value="">病人情况</option>-->
            <!--<option value="">活</option>-->
            <!--<option value="">死</option>-->
            <!--<option value="">轻伤</option>-->
            <!--<option value="">重伤</option>-->
        <!--</select>-->
    </div>
</header>
<main>
    <ul class="wp">
        <li>
            <h1>服务日期</h1>
            <span class="z">2015-7-5至2015-7-12</span><span class="y">25元/12小时</span>
            <h1>北京.通州.果园</h1>
        </li>
        <li>
            <div>
                <h1>服务日期</h1>
                <span class="z">2015-7-5至2015-7-12</span><span class="y">25元/12小时</span>
                <h1>北京.通州.果园</h1>
            </div>

        </li>
        <li>
            <h1>服务日期</h1>
            <span class="z">2015-7-5至2015-7-12</span><span class="y">25元/12小时</span>
            <h1>北京.通州.果园</h1>
        </li>
        <li>
            <h1 class="tb1">服务日期</h1>
            <span class="z">2015-7-5至2015-7-12</span><span class="y">25元/12小时</span>
            <h1 class="tb2">北京.通州.果园</h1>
        </li>
        <li>
            <h1>服务日期</h1>
            <span class="z">2015-7-5至2015-7-12</span><span class="y">25元/12小时</span>
            <h1>北京.通州.果园</h1>
        </li>
        <li>
            <h1>服务日期</h1>
            <span class="z">2015-7-5至2015-7-12</span><span class="y">25元/12小时</span>
            <h1>北京.通州.果园</h1>
        </li>
    </ul>
</main>
<footer>
    <div class="h_bottom">
        <button>
            <a href="">
                <img src="./image/imag-task5/形状%204.png" alt="">
                <div id="left">首页</div>
            </a>
        </button>
        <!--<div class="div1"><a href="">首页</a></div>-->
        <button><a href=""><img src="./image/imag-task5/Write.png" alt=""></a></button>
        <button>
            <a href="">
                <img src="./image/imag-task5/买卖牛人.png" alt="">
                <div id="right">我的</div>
            </a>
        </button>
        <!--<div class="div2"><a href="">我的</a></div>-->
    </div>
</footer>
</body>
</html>